<html>
<head>
<title>star</title>

    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/jquery.raty.js"></script>
</head>
<body>
<div id="star"></div>
<div id="hint"></div>
<script>
    $('#star').raty({
        number: 5,
        half     : true,
        size     : 24,
        starHalf : 'img/star-half.png',
        starOff  : 'img/star-off.png',
        starOn   : 'img/star-on.png',
        target    : '#hint',
        targetKeep: true,
        hints         : ['Terrible', 'Poor', 'Average', 'Very good', 'Excellent'],
        click: function(score, evt) {
            alert( score );
        }
    });

</script>
</body>
</html>